<!DOCTYPE html>
<html style="height: 100%">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="lib/kendo/styles/kendo.common-bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="lib/kendo/styles/kendo.bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <style>
        body {
            background-color: #ffffff;
            color: #333333;
            font-family: 'Arial','sans-serif';
            font-weight: normal;
            line-height: 15px;
            overflow: hidden;
        }
        .unselect {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
    </style>
</head>
<body class="unselect" style="margin: 0;padding: 0;">
    <div>
        <div style="background-color: #000000;height: 60px">
            <div style="width: 50%;float: left">
                <img src="imgs/workportLogo_190x50.png" alt="" style="margin-left: 20px">
            </div>
            <div style="width: 50%;float: left">
                <div  style="width: 42px;float: right;">
                    <img src="imgs/starbucksLogo_42x42.png" alt="" style="float: right;margin-right: 20px;margin-top: 10px">
                </div>
            </div>
        </div>

        <div style="height: 5px;width: 100%;">
           <div style="float:left;width:20%;height:10px;background-color: #006A80"></div>
           <div style="float:left;width:20%;height:10px;background-color: #35BDD9"></div>
           <div style="float:left;width:20%;height:10px;background-color: #ECB244"></div>
           <div style="float:left;width:20%;height:10px;background-color: #87CB65"></div>
           <div style="float:left;width:20%;height:10px;background-color: #39BF71"></div>
        </div>
        <div style="margin-top: 15%;">
            <div style="float:left;border-right:2px solid #E6E6E6;width:50%;margin-left: 0px;padding-top: 30px;height: 250px;">
                <img src="imgs/belleUX_03.png" alt="" style="float: right;margin-right: 80px">
            </div>
            <div style="float:left;padding-top: 20px; width: 49%;color: #595959">
                <div style="padding-left: 30px;font-size: 250%">OOPS !</div>
                <div style="padding-left: 30px;font-size: 150%;margin-top: 40px">Something went wrong !</div>
                <div style="padding-left: 30px;margin-top: 10px;word-wrap: break-word;word-break: normal;">You can go back our <a href="../index.html">Homepage</a> and try again</div>
                <div style="padding-left: 30px;margin-top: 10px;;word-wrap: break-word;word-break: normal;">If you think something is not right,<a href="mailto:WorkPortSupport2@cognizant.com ">Contact us</a> to report the problem</div>
            </div>
        </div>
    </div>
</body>
</html>